﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="public/lib/html5shiv.js"></script>
<script type="text/javascript" src="public/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="public/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="public/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="public/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="public/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="public/static/h-ui.admin/css/style.css" />
<!-- <link rel="stylesheet" type="text/css" href="public/static/h-ui.admin/css/vendor.css" /> -->
<link rel="stylesheet" type="text/css" href="public/static/h-ui.admin/css/style.default.min.css" />
<!--[if IE 6]>
<script type="text/javascript" src="public/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>预约列表</title>
</head>
<body>
<div class="page-container sel_box">
	<div class="cl pd-5 mt-10 sel_box_son sel_box_son1"> 
		<span class="text-l f-l">
			<a class="btn btn-default-outline radius" onclick="pre_add('新增预约','{:url('patient/store')}')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 新增预约</a>
		</span> 
	   <!-- <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" onclick="product_add('添加产品','product-add.html')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加产品</a></span> <span class="r">共有数据：<strong>54</strong> 条</span> </div> -->
		
		<div class="text-l f-r"> 
			<input type="text" name="" id="" placeholder="患者姓名或手机号" style="width:150px" class="input-text">
			<span class="select-box inline">
				<select name="" class="select">
					<option value="0">选择医生</option>
					<option value="1">张医生</option>
					<option value="2">李医生</option>
					<option value="2">王二麻子</option>
					<option value="2">波多野结衣</option>
					<option value="2">大岛尤加利思密达</option>
				</select>
			</span>
			<button name="" id="" class="btn btn-default-outline radius" type="submit" style="background:#F3F3F4;"><i class="Hui-iconfont">&#xe665;</i></button>
		</div>
	</div>
	<div class="mt-30 sel_box_son sel_box_son2">
		<h4 class="f-l" style="margin:0;margin-left:20px;line-height:30px;">预约信息</h4>
		<div class="f-r">
			<span class="select-box inline">
				<select name="" class="select">
					<option value="0">预约类型</option>
					<option value="1">初诊</option>
					<option value="1">复诊</option>
					<option value="1">儿童体检</option>
					<option value="2">成人体检</option>
				</select>
			</span>
			<span class="select-box inline">
				<select name="" class="select">
					<option value="0">预约状态</option>
					<option value="1">已预约</option>
					<option value="1">已就诊</option>
					<option value="1">失约</option>
					<option value="2">已取消</option>
				</select>
			</span>
			<button class="inline btn btn-default-outline radius"href="javascript:;">导出</button>
		</div>
	</div>
	<div class="mt-20 person_box">
		<div class="panel">
			<div class="panel-body">
				<div class="bloglist row">
					<!-- 已就诊 -->
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-success panel-alt widget-photoday img-list">
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="" class="J-action"><img src="public/static/h-ui.admin/images/3257429720627142277-38.png" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-success room-tag">
												<i class="fa fa-mobile tooltips" data-toggle="tooltip" data-placement="top" data-original-title="来自微信预约"></i>
												已就诊</span>
												<h3><a href="" class="white name-nowrap J-action">徐晓伟</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="0岁9月24天">（男 0岁9月24天）</small></h3>
												<a class="white J-jump-blank" href="">
													<!-- <span>预约号：10011647</span> -->
													<span>创建时间：2018-02-09 17:01:45</span>
													<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
													<span>预约时间：2018-02-09 18:00:00</span>
													<span class="text-nowrap">预约内容：</span>
													<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="" class="J-jump-blank">微信交流</a></li>
											<li><a href="" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 失约 -->
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
				
							<div class="panel panel-end panel-alt widget-photoday img-list">
								
								<div class="p-relative">
									<span class="icon-vip tooltips" data-toggle="tooltip" data-placement="top" data-original-title="二级会员"></span>
								</div>
								
								<div class="panel-heading">
									<div class="row">
										<div class="col-sm-4">
											<a href="/Clinic/Patient/profile?patient_id=002105366" class="J-action"><img src="https://clinicdemo.dxy.com/japi/session/102010?id=1381&amp;pattern=200&amp;pattern=200&amp;pattern=200" class="img-sm img-border" alt="profile"></a>
										</div>
										<div class="col-sm-8 pl0">
											<span class="widget-label badge badge-end room-tag">失约</span>
											<h3><a href="/Clinic/Patient/profile?patient_id=002105366" class="white name-nowrap J-action">张金喆</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="27岁1月2天">（男 27岁）</small></h3>
										<a class="white J-jump-blank" href="/Clinic/Reservation/reservation.html?patient_id=002105366&amp;reservation_id=10011645">
											<!-- <span>预约号：10011645</span> -->
											<span>创建时间：2018-02-09 11:32:10</span>
											<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
											<span>预约时间：2018-02-09 11:40:00</span>
											<span class="text-nowrap">预约内容：</span>
											<span class="text-nowrap">备注：</span>
											</a>
										</div>
									</div>
								</div>
								<div class="panel-body text-center">
									<ul class="photo-meta">
										
											
											<li><a href="/Clinic/Reservation/reservation.html?patient_id=002105366&amp;reservation_id=10011645&amp;reservation_status=3" class="J-jump-blank">查看</a></li>
										
									</ul>
								</div>
							</div>
							
							</div>
						</div>
					</div>
					<!-- 已取消 -->
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-dark panel-alt widget-photoday img-list">
									<div class="p-relative">
										<span class="icon-vip tooltips" data-toggle="tooltip" data-placement="top" data-original-title="VIP会员"></span>
									</div>
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="/Clinic/Patient/profile?patient_id=00020117549" class="J-action"><img src="https://clinicdemo.dxy.com/japi/session/102010?id=6137&amp;pattern=200&amp;pattern=200" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-dark room-tag">已取消</span>
												<h3><a href="/Clinic/Patient/profile?patient_id=00020117549" class="white name-nowrap J-action">陈雪雪</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="22岁2月2天">（女 22岁）</small></h3>
											<a class="white J-jump-blank" href="/Clinic/Reservation/reservation.html?patient_id=00020117549&amp;reservation_id=10011639">
												<!-- <span>预约号：10011639</span> -->
												<span>创建时间：2018-02-08 11:47:47</span>
												<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
												<span>预约时间：2018-02-09 08:20:00</span>
												<span class="text-nowrap">预约内容：</span>
												<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="/Clinic/Wechat/wechatComment.html?memberId=58390853" class="J-jump-blank">微信交流</a></li>
											<li><a href="/Clinic/Reservation/reservation.html?patient_id=00020117549&amp;reservation_id=10011639&amp;reservation_status=4" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-success panel-alt widget-photoday img-list">
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="" class="J-action"><img src="public/static/h-ui.admin/images/3257429720627142277-38.png" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-success room-tag">
												<i class="fa fa-mobile tooltips" data-toggle="tooltip" data-placement="top" data-original-title="来自微信预约"></i>
												已就诊</span>
												<h3><a href="" class="white name-nowrap J-action">徐晓伟</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="0岁9月24天">（男 0岁9月24天）</small></h3>
												<a class="white J-jump-blank" href="">
													<!-- <span>预约号：10011647</span> -->
													<span>创建时间：2018-02-09 17:01:45</span>
													<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
													<span>预约时间：2018-02-09 18:00:00</span>
													<span class="text-nowrap">预约内容：</span>
													<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="" class="J-jump-blank">微信交流</a></li>
											<li><a href="" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>			
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-success panel-alt widget-photoday img-list">
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="" class="J-action"><img src="public/static/h-ui.admin/images/3257429720627142277-38.png" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-success room-tag">
												<i class="fa fa-mobile tooltips" data-toggle="tooltip" data-placement="top" data-original-title="来自微信预约"></i>
												已就诊</span>
												<h3><a href="" class="white name-nowrap J-action">徐晓伟</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="0岁9月24天">（男 0岁9月24天）</small></h3>
												<a class="white J-jump-blank" href="">
													<!-- <span>预约号：10011647</span> -->
													<span>创建时间：2018-02-09 17:01:45</span>
													<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
													<span>预约时间：2018-02-09 18:00:00</span>
													<span class="text-nowrap">预约内容：</span>
													<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="" class="J-jump-blank">微信交流</a></li>
											<li><a href="" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>	
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-success panel-alt widget-photoday img-list">
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="" class="J-action"><img src="public/static/h-ui.admin/images/3257429720627142277-38.png" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-success room-tag">
												<i class="fa fa-mobile tooltips" data-toggle="tooltip" data-placement="top" data-original-title="来自微信预约"></i>
												已就诊</span>
												<h3><a href="" class="white name-nowrap J-action">徐晓伟</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="0岁9月24天">（男 0岁9月24天）</small></h3>
												<a class="white J-jump-blank" href="">
													<!-- <span>预约号：10011647</span> -->
													<span>创建时间：2018-02-09 17:01:45</span>
													<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
													<span>预约时间：2018-02-09 18:00:00</span>
													<span class="text-nowrap">预约内容：</span>
													<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="" class="J-jump-blank">微信交流</a></li>
											<li><a href="" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-success panel-alt widget-photoday img-list">
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="" class="J-action"><img src="public/static/h-ui.admin/images/3257429720627142277-38.png" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-success room-tag">
												<i class="fa fa-mobile tooltips" data-toggle="tooltip" data-placement="top" data-original-title="来自微信预约"></i>
												已就诊</span>
												<h3><a href="" class="white name-nowrap J-action">徐晓伟</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="0岁9月24天">（男 0岁9月24天）</small></h3>
												<a class="white J-jump-blank" href="">
													<!-- <span>预约号：10011647</span> -->
													<span>创建时间：2018-02-09 17:01:45</span>
													<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
													<span>预约时间：2018-02-09 18:00:00</span>
													<span class="text-nowrap">预约内容：</span>
													<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="" class="J-jump-blank">微信交流</a></li>
											<li><a href="" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
						<div class="blog-item shadow-none">
							<div class="blog-details">
								<div class="panel panel-success panel-alt widget-photoday img-list">
									<div class="panel-heading">
										<div class="row">
											<div class="col-sm-4">
												<a href="" class="J-action"><img src="public/static/h-ui.admin/images/3257429720627142277-38.png" class="img-sm img-border" alt="profile"></a>
											</div>
											<div class="col-sm-8 pl0">
												<span class="widget-label badge badge-success room-tag">
												<i class="fa fa-mobile tooltips" data-toggle="tooltip" data-placement="top" data-original-title="来自微信预约"></i>
												已就诊</span>
												<h3><a href="" class="white name-nowrap J-action">徐晓伟</a> <small class="media-span tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="0岁9月24天">（男 0岁9月24天）</small></h3>
												<a class="white J-jump-blank" href="">
													<!-- <span>预约号：10011647</span> -->
													<span>创建时间：2018-02-09 17:01:45</span>
													<span class="text-nowrap">预约：(全科（演示用）、初诊)</span>
													<span>预约时间：2018-02-09 18:00:00</span>
													<span class="text-nowrap">预约内容：</span>
													<span class="text-nowrap">备注：</span>
												</a>
											</div>
										</div>
									</div>
									<div class="panel-body text-center">
										<ul class="photo-meta">
											<li><a href="" class="J-jump-blank">微信交流</a></li>
											<li><a href="" class="J-jump-blank">查看</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>	
				</div>
				<!-- 分页开始 -->
				<!-- 分页结束 -->
			</div>
		</div>
	</div>	
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="public/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="public/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="public/static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="public/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="public/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="public/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="public/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
$(".dropDown .dropDown-menu li").on("click",function(){
	$(".dropDown input").attr("placeholder",$(this).find("a").html());
});
function pre_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
</script>
</body>
</html>